<template>
  <div>
    <!-- 经常变化的用v-show : 改变display属性   
         不经常变化用v-if 初始条件为假 干脆不渲染-->
    <h1 v-show="isShow">我是第一</h1>
    <h2 v-if="isOk">我是第二</h2>
    <div>
      <!-- v-if 和v-else 的使用 -->
      <p v-if="age>= 18">成年了</p>
      <p v-else>小屁孩</p>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      isShow: false,
      isOk: false,
      age: 2
    }
  }
}
</script>

<style>

</style>